<%--
    Document   : menu
    Created on : Nov 6, 2010, 1:30:21 AM
    Author     : isak
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
         
          <script type="text/javascript">
           $(document).ready(function(){
                $.getJSON(
  'laLista.action',
  function(json) {
   itemsHtml = "<table>";
   for (i in json.solicitudesAmistad) {
    itemsHtml += "<tr>";
    itemsHtml += "<td><h3><img src="+ json.solicitudesAmistad[i][0]+"/> </h3></td>";
    itemsHtml += "<td><h3>" + json.solicitudesAmistad[i][1] + "</h3></td>";
    itemsHtml += "<td><h3>" + json.solicitudesAmistad[i][2] + "</h3></td>";
    itemsHtml += "<td><h3>" + json.solicitudesAmistad[i][3] + "</h3></td>";
    itemsHtml += "</tr>";
   }
   itemsHtml += "</table>";
   $('#prueba').html(itemsHtml);
  }
 );
 return false;
           });

        </script>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

        <script type="text/javascript" src="js/validar.js"></script>

        <script src="js/jquery.validate.js" type="text/javascript"></script>

        <script src="js/jquery.js" type="text/javascript"></script>

        <script type="text/javascript" src="js/jquery.alerts.js"></script>

        <script type="text/javascript" src="js/jquery.ui.draggable.js"></script>

        <link href="<s:url value='/styles/jquery.alerts.css'/>" rel="stylesheet" type="text/css" media="all"/>

        <link href="<s:url value='/styles/style.css'/>" rel="stylesheet" type="text/css" media="all"/>

        <title>TRAVEL STORE - Principal</title>
<!--        <script type='text/javascript' src='js/jquery.js'></script>-->
<!--        <script type='text/javascript' src='js/jquery.simplemodal.js'></script>-->

<!--        <script type='text/javascript' src='js/basic.js'></script>-->
        <script type="text/javascript">
           function formatLink(idusuario)
           {
                return "hola";
            }

        </script>
    </head>
    <body>

         <div id="page">
       <div style='display:none'>
			<img src='img/x.png' alt='' />
		</div>
             <div id="header">
                 <ul id="menu" >
                     <li>
                <table>
                      <tr>
                        <s:form name="IniciarSesion" action="buscarAmigo" theme="css_xhtml" >
                        <td><a>Buscar Amigo:</a></td>
                        <td> <s:textfield id="amigo" name="amigo" /></td>
                        <td> <s:submit type="image" src="../jsp/img/icon.jpg"   tooltip="Buscar Amigos por Correo o nombre"  /></td>
                        </s:form>
                    </tr>
                </table></li>
                 </ul>



	</div>

        <div id="wrapper">
		<div id="left">
                    <div id="left_navigation">
                        <img src="img/gtop.gif" alt="" width="191" height="8" />
                        <div class="title1"><s:label value="%{#session['usuario'].usuarionombre} %{#session['usuario'].usuarioappellido}"></s:label></div>
                        <img style="margin-left: 35%"  src="<s:url value='%{#session[\'usuario\'].usuariofoto}'/>" />
                        <ul class="contries">

                            <!-- Permite al usuario a crear su perfil -->
                            <li><a href="<s:url value='/jsp/agregarInfo.jsp'/>">Crear perfil</a></li>
                            <!-- Permite al usuario a actualizar su perfil -->
                            <li><a href="<s:url action='actualizarP'/>">Actualizar Perfil</a></li>
                            <!-- Permite al usuario deshabilitar su cuenta -->
                            <li><a onclick="javascript:return validarDeshabilitar()" href="<s:url  action='deshabilitarusuario'/>">Deshabilitar Cuenta</a></li>
                            <!-- Permite al usuario modificar sus datos -->
                            <li><a href="<s:url action='actualizar'/>">Modificar Datos Personales</a></li>
                            <!-- Permite al usuario a crear viajes -->
                            <li><a href="<s:url value='/jsp/viajelugarexistente.jsp'/>">Viajes</a></li>
                            <li><s:hidden name="twitter" id="twitter" value="%{#session['usuario'].usuariotwitterlogin}"/></li>
                            </ul>

                            <img src="img/gbot.gif" alt="" width="191" height="8"  />
                     </div>
			<a href="#" class="banner"><img src="img/banner.jpg" alt="" width="191" height="346" /></a>
		</div>
		<div id="central">

			<div class="welcome">

                            <h1>Bienvenido a Travel Store</h1>
                            <p>|</p>
                            <p>|</p>
                            <p>|</p>

                        </div>

			<div class="search">


			</div>
                        <s:div  id="tablita" >
                               <div align="center"><h3><s:property value="mensaje"/></h3></div>
                                <div align="center"><h2>AMIGOS POR SOLICITAR</h2></div>

                                <s:if test="amigosExistentesEnBD.size > 0" >
                                    <table align="right" >
                                        <s:iterator value="amigosExistentesEnBD" >
                                            <tr id="row_<s:property value="idusuario"/>">
                                                <td>
                                                   <img  src="<s:property value="usuariofoto"/>"/>
                                                </td>
                                                <td>
                                                    <h3><s:property value="usuarionombre" /></h3>
                                                </td>
                                                <td>
                                                    <h3><s:property value="usuarioappellido" /></h3>
                                                </td>
                                                <td>
                                                    <s:url var="removeUrl" action="solicitarAmistad" >
                                                        <s:param name="idusuario" value="idusuario" />
                                                    </s:url>
                                                    <s:a href="%{removeUrl}"  >Solicitar Amistad</s:a>
                                                </td>

                                            </tr>

                                        </s:iterator>
                                    </table>
                                </s:if>


             </s:div>

		</div>
		<div id="right">
		  <div class="right_block">
				<p class="title2">Solicitudes de Amistad</p>
				<div class="item">
<!--					<span>Agrega a un Amigo</span>-->
			 <s:url action="listaSolicitudes.action" var="urlTag" />
                         <span style="text-align: center"><a  href="<s:property value="#urlTag" />" >Ver Solicitudes</a></span>

				</div>
                                 

                                 
                         <s:form action="enviarTweet" theme="ajax">
                                            <s:textarea name="status" label="" cols="25" rows="3" id="status" maxlength="10" value=" "/>
                                            <s:submit type="image" src="../jsp/img/tweet_es.png"  theme="ajax" tooltip="Buscar Amigos por Correo o nombre"  />

                                        </s:form>
        <script type=""  src="http://widgets.twimg.com/j/2/widget.js"></script>
        <script type="" >
            new TWTR.Widget({
              version: 2,
              type: "profile",
              rpp: 10,
              interval: 6000,
              width: 260,
              height: 300,
              theme: {
                shell: {
                  background: "#448AAe",
                  color: "#1e1053"
                },
                tweets: {
                  background: "#E6E6FA",
                  color: "#000000",
                  links: "#0000ee"
                }
              },
              features: {
                scrollbar: true,
                loop: false,
                live: true,
                hashtags: true,
                timestamp: true,
                avatars: false,

                behavior: "all"

              }
            }).render().setUser(document.getElementById("twitter").value).start();
            </script>

<a href="http://twitter.com/share" class="twitter-share-button" data-text="Sistema Travel Store visitanos http://localhost:8084/viajesbook/ o a traves " data-url="http://code.google.com/p/viajebook/" data-count="none" data-lang="es">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
			  <img src="img/right_bot.gif" alt="" width="261" height="21" /><br />
			</div>
		</div>
	</div>


        </div>

        <%@ include  file="/jsp/footer.jsp" %>


    <div id="extra1">&nbsp;</div>
    <div id="extra2">&nbsp;</div>


    </body>
</html>
